#include('../../header.html', {title: '教学资料'})
<div id="classType">
	

  <div class="es-wrap">
          
      <div id="content-container" class="container">
        
  

  <div class="row row-3-9 my-layout">
    <div class="col-md-3">
      #include('../sideMenu.html', {user: 'tea', name: '教学资料库'})
    </div>
    <div class="col-md-9"><div class="panel panel-default panel-col">

	<div class="panel-heading">
		教学资料库
	</div>

	<div class="panel-body material-body">
	<form id="material-search-form" action="#" method="get" novalidate="">
  <input type="hidden" class="js-page" name="page" value="1">
  <div class="source-btn" role="group" aria-label="...">
    <ul class="nav nav-tabs">
      <li class="active" data-value="my"><a href="javascript:" class="js-source-btn">我的资料</a></li>
      <li class="" data-value="public"><a href="javascript:" class="js-source-btn">公共资料</a></li>
      <li class="" data-value="favorite"><a href="javascript:" class="js-source-btn">收藏夹</a></li>
      <li class="" data-value="sharing"><a href="javascript:" class="js-source-btn">来自分享</a></li>
    <li class="highlight" style="left: 0px; width: 124px;"></li></ul>
    <input type="hidden" name="sourceFrom" value="my">
  </div>
  <div class="form-group clearfix material-search-list">
    <div class="col-sm-4">
      <div class="input-group">
        <input class="form-control" type="text" placeholder="输入标题关键字" name="keyword" value="">
        <span class="input-group-btn js-search-btn">
          <button class="btn btn-primary">搜索</button>
        </span>
      </div>
    </div>
    <div class="col-sm-8 btn-group">
    <div class="text-sm pull-right">
		<a class="btn btn-primary" id="myShare" href="javascript:" data-toggle="modal" data-backdrop="static" data-target="#modal" data-url="/material/lib/my/sharing/history">我的分享</a>
		<a class="btn btn-info" id="shareMaterials" href="javascript:" data-toggle="modal" data-target="#modal" data-url="/material/lib/my/sharing/show">分享资料</a>
			<input type="hidden" name="source" value="">

</div>
    </div>
  </div>
  <div class="material-search-list material-tabs" >
  <span class="all">类型：</span>
  <ul class="js-material-tabs right-content  clearfix" >
    <li v-for="n in 9" class="active js-type-btn" data-value="" >
      <a href="javascript:">分类</a>
    </li>
    
    <input type="hidden" name="type" value="">
</ul>
</div>
  <div class="material-search-list material-tag js-material-tag">
    <span class="all">标签：</span>
      <div class="right-content">
                <input type="hidden" name="tagId">
      </div>
  </div>
  <div class="material-search-list bottom">
    <span class="all">筛选：</span>
    <div class="right-content ">
      <div class="row">
        <div class="col-sm-6">
        <input class="form-control input-time" type="text" id="startDate" name="startDate" value="" placeholder="起始时间"><span class="input-space">-</span><input class="form-control input-time" type="text" id="endDate" name="endDate" value="" placeholder="结束时间"></div>
        <div class="col-sm-2">
          <select class="form-control js-process-status-select" name="processStatus">
            <option value="">转码状态</option>
            <option value="ok">转码成功</option>
            <option value="waiting">转码中</option>
            <option value="error">转码失败</option>
          </select>
        </div>
        <div class="col-sm-2">
          <select class="form-control js-use-status-select" name="useStatus">
            <option value="">使用状态</option>
            <option value="unused">未使用</option>
            <option value="used">已使用</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div id="material-lib-items-panel">
    <a class="btn btn-primary js-upload-file-btn" data-toggle="modal" data-backdrop="static" data-target="#modal" data-url="/uploader/batch_upload?token=MXxtYXRlcmlhbGxpYnwxfHByaXZhdGV8MTUzMjQzNTA2MnxlZmU4ZGNiZWNiOGI1YWM0ZjEyYTg2MTkwZjM2OTA3Ng" title="上传资料" data-placement="bottom">上传资料
    </a>
    <a class="btn btn-info js-manage-batch-btn" href="javascript:">批量管理
    </a>
    <span id="material-lib-batch-btn-bar" style="display:none;">
      <a class="btn btn-info js-batch-tag-btn" data-role="batch-tag">添加标签
      </a>
      <a class="btn btn-info js-batch-share-btn" data-role="batch-share" href="javascript:" data-url="/materials/batch/share">共享
      </a>
      <a class="btn btn-danger js-batch-delete-btn" data-role="batch-dalete" href="javascript:" data-url="/materials/delete/show">删除
      </a>
      <label class="checkbox-inline" data-role="batch-manage">
        <input type="checkbox" data-role="batch-select"> 全选
      </label>
    </span>
    <div class="material-list-container" id="material-item-list" data-url="/material/lib/show/browse"><div class="row">
   <div class="col-lg-3 col-sm-4 col-xs-6 materials-list my-materials-list " data-file-id="2" v-for="n in 9">
  <ul class="materials-ul clearfix">
    <li class="img-li" style="position:relative;">
      <input class="batch-item" value="2" type="checkbox" data-role="batch-item" data-link-count="1" data-file-name="uu.mp4" style="display:none;">
  <img src="/static/img/teacher/cloud_video.png">

<div class="mask">
  <div class="icon-operation">
    <i class="glyphicon glyphicon-star js-collect-btn left " data-toggle="tooltip" data-placement="bottom" title="" data-url="/material/lib/my/collection/save?fileId=2" data-original-title="收藏"></i>
    <i href="javascript:" class="glyphicon glyphicon-option-vertical" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></i>
    <ul class="dropdown-menu">
              <li>
          <a href="javascript:" class="js-detail-btn" data-toggle="tooltip" data-placement="bottom" data-url="/material/lib/2/detail" data-original-title="" title="">
            <i class="glyphicon glyphicon-pencil prm"></i>编辑
          </a>
        </li>
      
      
      
      <li>
        <a href="javascript:" data-url="/materiallib/2/download" class="js-download-btn" data-toggle="tooltip" data-placement="bottom" data-original-title="" title="">
          <i class="glyphicon glyphicon-save prm"></i>下载
        </a>
      </li>

      
                    <li>
            <a href="javascript:" class="js-share-btn" data-toggle="tooltip" data-placement="bottom" data-file-id="2" data-url="/materials/batch/share" data-original-title="" title="">
              <i class="es-icon es-icon-share prm"></i>共享
            </a>
          </li>
        
                  <li>
            <a href="javascript:" class="js-delete-btn" data-toggle="tooltip" data-placement="bottom" data-url="/materials/delete/show" data-id="2" data-original-title="" title="">
              <i class="glyphicon glyphicon-trash prm"></i>删除
            </a>
          </li>
                  </ul>
  </div>
  <div class="btn-operation">
      <!-- 选择一种状态 -->

      <a class="btn btn-info" href="#" data-toggle="modal" data-url="/material/lib/file/2/preview">资料预览
      </a>

      
  </div>
  <div class="time">
          MP4
      </div>
</div>
    </li>
    <li class="caption">
      <p class="title text-overflow" data-toggle="tooltip" data-placement="top" title="" data-original-title="uu.mp4">uu.mp4</p>

      <p class="status-parent">
      
            </p>
            <p class="color-gray text-overflow text-sm mbs" title="2018/07/22 13:49">
        时间：  2018/07/22 13:49
      </p>
          </li>
  </ul>
</div>

</div>

  <input class="js-page" type="hidden" name="page" value="1">

  

</div>
  </div>
</form>
<div id="tag-modal" class="modal in" aria-hidden="false" data-backdrop="static" style="">
  <div class="modal-dialog ">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title">标签设置</h4>
      </div>
      <div class="modal-body">
        <form class="form-horizontal" id="tag-form" action="#" method="post" novalidate="novalidate">
          <div class="form-group" id="form">
            <div class="col-md-2 control-label">
              <label for="s2id_autogen1">标签</label>
            </div>

            <div class="col-md-8 controls">
              <div class="select2-container select2-container-multi width-full" id="s2id_modal-tags" style="width: 400px;"><ul class="select2-choices">  <li class="select2-search-field">    <input type="text" autocomplete="off" autocorrect="off" autocapitilize="off" spellcheck="false" class="select2-input select2-default" id="s2id_autogen1" tabindex="-1" style="width: 410px;">  </li></ul><div class="select2-drop select2-drop-multi select2-display-none">   <ul class="select2-results">   </ul></div></div><input type="text" id="modal-tags" data-url="/material/lib/tag/match" name="tags" required="required" class="width-full select2-offscreen" tabindex="-1" value="" data-explain="用于按标签搜索课程、相关课程的提取等，由网校管理员后台统一管理" aria-required="true">
              <div class="help-block">用于按标签搜索课程、相关课程的提取等，由网校管理员后台统一管理</div>
            </div>

          </div>
          <input type="hidden" name="_csrf_token" value="GlAmHjRPk4xxjP6egk6rPJ59vVVqElwnw-HcglEwdFs">
          <input id="select-tag-items" name="fileIds" type="hidden" value="">
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-link" data-dismiss="modal">取消</button>
        <button id="tag-create-btn" data-submiting-text="正在保存..." type="submit" class="btn btn-primary" data-toggle="form-submit" >保存</button>
      </div>
    </div>
  </div>
</div>
	</div>
</div>
</div>
  </div>
      </div>
  </div>

        
    
        
      
  <div id="login-modal" class="modal" data-url="/login/ajax"></div>
  <div id="modal" class="modal"></div>
  <div id="attachment-modal" class="modal"></div>

    

  


  <script>
  	new Vue({
  		el : '#classType'
  	});

</script>

</div>
#include('/footer.html')